<link rel="stylesheet" href="__CDN__/assets/addons/kuerp/layui/css/layui.css"  media="all">
<link rel="stylesheet" href="__CDN__/assets/addons/kuerp/css/kuerp.css"  media="all">
<script src="__CDN__/assets/addons/kuerp/js/xm-select.js" type="application/javascript"></script>
<div class="panel panel-default panel-intro">
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">

                    <form class="layui-form layui-search" id="layui-search">
                        <div class="layui-input-inline">
                            <select id="times" class="layui-input" name="times" lay-filter="times">
                                <option value="today">今天</option>
                                <option value="yesterday">昨天</option>
                                <option value="thisweek">本周</option>
                                <option value="lastweek">上周</option>
                                <option value="thismonth">本月</option>
                                <option value="lastmonth">上月</option>
                                <option value="thisquarter">本季度</option>
                                <option value="lastquarter">上一季度</option>
                                <option value="thisyear" selected>本年度</option>
                                <option value="lastyear">上一年度</option>
                                <option value="else">自定义</option>
                            </select>
                        </div>
                        <div class="layui-input-inline hide" id="c_dates">
                            <input type="text" class="layui-input datetimerange" name="dates" id="dates" data-locale='{"format":"YYYY-MM-DD"}'
                                placeholder="指定日期" style="width: 200px" value="" />
                        </div>
                        <div class="layui-input-inline">
                            <select name="department_id" id="department_id" class="layui-input"  lay-filter="department_id">
                                <option value="">{:__('请选择部门')}</option>
                                {foreach name="departmentList" item="vo"}
                                <option value="{$vo.id}" >{$vo.name}</option>
                                {/foreach}
                            </select>
                        </div>
                        <div class="layui-input-inline " style="width: 90px">
                            <button class="layui-btn layui-btn-sm btn-refresh" type="button" id="search" data-type="reload">
                                <i class="layui-icon"></i> {:__('Search')}
                            </button>
                        </div>
                    </form>
                    <div class="col-xs-12 col-sm-12">
                        <div class="div-box">
                            <div style="padding-top: 15px;padding-left:15px;margin-bottom:10px;">
                            </div>
                            <div id="echart" style="width:100%;height: 457px"></div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12" style="padding:3% 2% 0;">
                        <table id="table" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                        </table>
                    </div>
                    <div class="col-xs-12 col-sm-12" style="padding:3% 2% 0;">
                        <table id="datetable" class="table table-striped table-bordered table-hover table-nowrap">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
